<%--
  Created by IntelliJ IDEA.
  User: de'l'l
  Date: 2025/8/29
  Time: 18:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <%-- projectManager的index --%>
    <title>aaa图书借阅系统</title>
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            show(1);
        });

        $(document).on("click", "input[alt]", function () {
            show($(this).attr("alt"));
        });

        function show(indexpage){
            //1.发动异步，获得全部数据
            $.get("binfo/getListByPage",{"indexpage":indexpage} , function (ph) {
                JSON.stringify(ph);
                $("tbody").empty();

                var bookTypeMap = {
                    "1": "小说",
                    "2": "文学",
                    "3": "IT",
                    "4": "艺术",
                    "5": "科幻",
                    "6": "管理"
                };

                if(ph.listIndex.length ==0){
                    $("                <tr>\n" +
                        "                <td colspan='6'>(＞人＜；)对不起，没没有符合的查询记录！</td>\n" +
                        "            </tr>").appendTo("tbody");
                }else{
                    for (var i = 0; i < ph.listIndex.length; i++) {
                        var obj = ph.listIndex[i];
                        // 使用映射对象获取对应的类型文字，如果没有匹配则显示原始值
                        var bookTypeText = bookTypeMap[obj.bookType] || obj.bookType;
                        $("                <tr>\n" +
                            "                <td>" + obj.bookId + "</td>\n" +
                            "                <td>" + bookTypeText + "</td>\n" +
                            "                <td>" + obj.bookName + "</td>\n" +
                            "                <td>" + obj.bookAuthor + "</td>\n" +
                            "                <td>" + obj.publishPress + "</td>\n" +
                            "                <td>" + (obj.isBorrow === 0 ? "未借阅" : "已借阅") + "</td>\n" +
                            "            </tr>").appendTo("tbody");
                    }
                }

                //2.获得ph里的属性，动态添加到tfoot里
                $("tfoot").empty();

                var tr = $("<tr><td colspan='6' align='center'></td></tr>");
                var td = tr.find("td");

                if (ph.pageIndex != 1) {
                    $("<input type='button' value='首页' alt='1'/>").appendTo("tfoot");
                    $("<input type='button' value='上一页' alt='" + (ph.pageIndex - 1) + "'/>").appendTo("tfoot");
                }
                if (ph.pageIndex != ph.pageCount) {
                    $("<input type='button' value='下一页' alt='" + (ph.pageIndex + 1) + "'/>").appendTo("tfoot");
                    $("<input type='button' value='尾页' alt='" + ph.pageCount + "'/>").appendTo("tfoot");
                }
            });
        }

    </script>
</head>
<body>

<%-- bookList.jsp --%>

<table>
    <caption>aaa图书借阅系统</caption>
    <thead>
    <tr> <%-- 第一排 查询 --%>
        <td colspan="6">
            图书分类：
            <select name="bookType">
                <option value="-1">--请选择--</option>
                <option value="1">小说</option>
                <option value="2">文学</option>
                <option value="3">IT</option>
                <option value="4">艺术</option>
                <option value="5">科幻</option>
                <option value="6">管理</option>
            </select>
            图书名称：
            <input type="text" name="bname">
            是否借阅：
            <select name="isBorrow">
                <option value="-1">--请选择--</option>
                <option value="0">未借阅</option>
                <option value="1">已借阅</option>
            </select>
            <input type="button" value="查询">
        </td>
    </tr>

    <tr> <%-- 第二排 用户名 --%>
        <td colspan="6" style="text-align: right;">
            当前用户：
            <span name="uname"></span>
            <a href="">退出</a>
        </td>
    </tr>

    <tr style="background-color: darkgray"> <%-- 第三排 表头 --%>
        <th>图书编号</th>
        <th>图书分类</th>
        <th>图书名称</th>
        <th>作者</th>
        <th>出版社</th>
        <th>借阅</th>
    </tr>

    </thead>
    <tbody></tbody>
    <tfoot></tfoot>

</table>


</body>
</html>
